<template>
  <el-menu 
  background-color=" rgb(80, 199, 244" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
  <el-menu-item index="1">首页</el-menu-item>
  <el-menu-item index="2" style="float:right">
      <el-image 
    style="width: 40px; height: 40px;border-radius:100%; overflow:hidden;"
    :src="url" 
    :preview-src-list="srcList">
  </el-image>
  </el-menu-item>
  </el-menu>
</template>

<script>
export default {
data() {
      return {
        url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style>
</style>